import { createApp } from "vue";
import App from "@/App.vue";
// 引入全局样式
import "@/assets/css/style.css";
// 公共样式
import "@/assets/css/common.css";
//导入路由
import router from "@/router/index.js";
import axios  from "axios";
import vueAxios from "vue-axios";
// 导入pinia
import { createPinia } from 'pinia'
// 导入数据持久化存储包
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
//挂载路由
const app = createApp(App);
app.use(router);
//挂载axios
app.use(vueAxios,axios)
//生成pinia对象
const pinia = createPinia()
app.use(pinia)
// 数据持久化存储
pinia.use(piniaPluginPersistedstate)
//挂载全局端口路径地址
app.provide('$root',  'http://testapi.aihyzh.com:8000')
//注册全局axios属性
app.provide('$axios',axios)
app.mount('#app')
// 导入动画库
import  "animate.css";
